<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Texas Hold em limited</title>
<link href="main.css" rel="stylesheet" type="text/css" />
<link href="players.css" rel="stylesheet" type="text/css" />
<link href="chat.css" rel="stylesheet" type="text/css" />
<link href="buttons.css" rel="stylesheet" type="text/css" />
<link href="laud.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="keha">
<! --------------Ülemine osa----------->
  <div id="top">
    <div id="topleftcorner">
        <div id="user1">
            <div id="cards1">
            <img src="images/spade.jpg" width="29" height="44" alt="spade" /> 
            <img src="images/spade.jpg" width="29" height="44" alt="spade" />       
          </div>
           <div id="seat1"> 
           <p> player 1
            <br>
            $100 
             </p>                              
          </div>
        </div>
     </div>

    <div id="topmiddlecorner">
        <div id="user2">
        <div id="cards2">
            <img src="images/spade.jpg" width="29" height="44" alt="spade" /> 
            <img src="images/spade.jpg" width="29" height="44" alt="spade" /> 
            </div>
            <div id="seat2">   
            <p> player 2
            <br>
            $100 
            </p>                                
            </div>
        </div>
    </div>
    <div id="toprightcorner">
         <div id="user3">
         <div id="cards3">
            <img src="images/spade.jpg" width="29" height="44" alt="spade" /> 
            <img src="images/spade.jpg" width="29" height="44" alt="spade" /> 
            </div>
            <div id="seat3">  
            <p> player 3
            <br>
            $100 
            </p>                             
            </div>
         </div>
    </div>
  </div> 
 <! --------------Keskmine osa----------->
<div id="middle">
	
<! --------------Keskmise ala vasak osa----------->
    <div id="left">
        <div id="user9">
        <div id="cards9">
            <img src="images/spade.jpg" width="29" height="44" alt="spade" /> 
            <img src="images/spade.jpg" width="29" height="44" alt="spade" /> 
            </div>
            <div id="seat9">  
            <p> player 9
            <br>
            $100 
            </p>                                 
            </div>
        </div>
        <div id="user8">
        <div id="cards8">
            <img src="images/spade.jpg" width="29" height="44" alt="spade" /> 
            <img src="images/spade.jpg" width="29" height="44" alt="spade" /> 
            </div>
            <div id="seat8">  
            <p> player 8
            <br>
            $100 
            </p>                                 
            </div>
         </div>
    </div> 
     <! --------------Laua osa----------->
    <div id="laud">
    	<div id="lauatop">
    		<div id="lauatopleft">
            <p><img src="images/chip.png" alt="chip" width="31" height="30" align="right" />
            </p>
            </div>
            
            <div id="lauatopcenter">
            <p> <img src="images/chip.png" alt="chip" width="31" height="30" align="right" />
            
            </p>
            </div>
            
            <div id="lauatopright">
            <p><img src="images/chip.png" alt="chip" width="31" height="30" align="left" />
            </p>
            </div>
   	  </div>
    
    	<div id="lauamiddle">
        	<div id="lauamiddleleft">
            	
            <p><img src="images/chip.png" alt="chip" width="31" height="30" /></p>
            </div>
            
            <div id="lauamiddlecenter">
            <p>
            <img src="images/spade.jpg" width="29" height="44" alt="spade" />
            <img src="images/spade.jpg" width="29" height="44" alt="spade" />
            <img src="images/spade.jpg" width="29" height="44" alt="spade" />
            <img src="images/spade.jpg" width="29" height="44" alt="spade" />
            <img src="images/spade.jpg" width="29" height="44" alt="spade" />
            
            </p>
            
            </div>
            
            <div id="lauamiddleright">
            <p><img src="images/dealer.png" alt="d" width="37" height="34" align="right" /></p>
            </div>
        		
        
        </div>

		<div id="lauabottom">
        	<div id="lauabottomleft">
            <p><img src="images/chip.png" alt="chip" width="31" height="30" align="right" /></p>
            </div>
            
            <div id="lauabottomcenter">
            <p><img src="images/chip.png" alt="chip" width="31" height="30" align="center" /></p>
            </div>
    		
            <div id="lauabottomright">
            <p></p>
            </div>
   	  </div>
    </div>
     <! --------------Keskmise ala parem osa----------->
    <div id="right">
        <div id="user4">
        <div id="cards4">
            <img src="images/spade.jpg" width="29" height="44" alt="spade" /> 
            <img src="images/spade.jpg" width="29" height="44" alt="spade" /> 
            </div>
            <div id="seat4"> 
            <p> player 4
            <br>
            $100 
            </p>                                  
            </div>
        </div>
        <div id="user5">
        <div id="cards5">
            <img src="images/spade.jpg" width="29" height="44" alt="spade" /> 
            <img src="images/spade.jpg" width="29" height="44" alt="spade" /> 
            </div>
            <div id="seat5">   
            <p> player 5
            <br>
            $100 
            </p>                                
            </div>
         </div>
    </div>
</div>
 <! --------------Alumine osa----------->
  <div id="bottom">
    <div id="bottomleftcorner">
        <div id="user7">
            <div id="cards7">
            <img src="images/spade.jpg" width="29" height="44" alt="spade" /> 
            <img src="images/spade.jpg" width="29" height="44" alt="spade" /> 
            </div>
            <div id="seat7">   
            <p> player 7
            <br>
            $100 
            </p>                            
            </div>
        </div>
      </div>
    <div id="bottomrightcorner">
        <div id="user6">
        <div id="cards6">
            <img src="images/spade.jpg" width="29" height="44" alt="spade" /> 
            <img src="images/spade.jpg" width="29" height="44" alt="spade" /> 
            </div>
            <div id="seat6"> 
            <p> player 6
            <br>
            $100 
            </p>                               
            </div>
        </div>
    </div>
   </div> 
 <! --------------Chat ja nupud osa----------->
 <div id="chatnbuttons">
 <! ------ chatiga seotud asjad----->
    <div id="chat">
        <div id="showtext">
        </div>
        <div id="typetext">
         </div>
    </div>
 <! -------buttons---->  
    <div id="chatnbuttonsmiddle">
    <form>
        <div id="button1">
           <button class="action" type="button" onclick="check()"> Call </button>
         </div>
     </form>
     <form>
        <div id="button2">
           <button class="action" type="button" onclick="check()"> Raise... </button>
         </div>
     </form>
     <form>
        <div id="button3">
           <button class="action" type="button" onclick="check()">Fold </button>
         </div>
     </form>
     <form>
        <div id="button4">
           <button class="action" type="button" onclick="check()"> All in   </button>
         </div>
     </form>             
     </div>
 <! -------siia võib ükskõik mida panna---->
    <div id="chatnbuttonsright">
       </div>
 </div>

</div>
</body>

</html>